<template>
  <!-- <view class="ask_title">
        <text class="title">{{ item.carId }}</text>
        <text :style="{background:col[item.status]}" class="status">{{ sta[item.status] }}</text>
    </view> -->
  <view class="reason_box">
    <text class="out_reason">{{ item.userName }}的会议</text>
    <!-- <text class="reason"></text> -->
  </view>
  <view class="outTime">
    <text class="time">开始时间:</text>
    <view class="startEnd">
      <view class="start">{{ item.startTime }}</view>
    </view>
  </view>
  <view class="outTime">
    <text class="time">结束时间:</text>
    <view class="startEnd">
      <view class="start">{{ item.endTime }}</view>
    </view>
  </view>
  <view class="outTime">
    <text class="time">会议类型:</text>
    <view class="startEnd">
      <view class="start">{{ item.meetingType === "1" ? "线下会议" : "视频会议" }}</view>
    </view>
  </view>
</template>

<script setup>
import { ref } from "vue";
defineProps(["item"]);

</script>

<style lang="scss">
.reason_box {
  color: #666666;
  font-size: 26rpx;
  margin-bottom: 10rpx;

  .reason {
    margin-left: 30rpx;
  }
}

.outTime {
  display: flex;
  align-items: center;
  color: #666666;
  font-size: 26rpx;

  .startEnd {
    margin-left: 30rpx;
  }
}

.ask_title {
  display: flex;
  margin-bottom: 16rpx;

  .status {
    display: flex;
    align-items: center;
    padding: 2rpx 10rpx;
    background-color: #f9c457;
    border-radius: 12rpx;
    color: #fff;
    margin-left: 10rpx;
    font-size: 24rpx;
    transform: scale(0.9);
  }

  .pass {
    background-color: #0dbea8;
  }

  .nopass {
    background-color: red;
  }

  .title {
    font-size: 32rpx;
    color: #333;
  }
}
</style>
